<template>
  <div>
    <h1>{{name}}--{{order}}</h1>
  </div>
</template>

<script lang="ts">
import {defineComponent} from "vue";
export default defineComponent({
    name:"MusicItem",
})
</script>

<script lang="ts" setup>
import {useRoute} from "vue-router";
import {computed} from "vue";
const route = useRoute()
const name = computed(()=>{
    return route.params.name
})
const order = computed(()=>{
    return route.params.order
})

</script>

<style scoped>

</style>